<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="format-detection" content="telephone=yes"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <title>李飞&高祎璠的婚礼邀请函</title>
    <link rel="stylesheet" type="text/css" href="/static/css/preview.css"/>
    <script type="text/javascript" charset="utf-8" src="/static/js/calendar.js"></script>
    <script>
        var y = +2021
        var m = +4
        var d = +29
        var lunar = calendar.solar2lunar(y, m, d)
        var lunar_date = '农历' + lunar.gzYear + '年' + lunar.IMonthCn + lunar.IDayCn
    </script>
    <link rel="stylesheet" type="text/css" href="/static/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="https://mb.wed6.com/static/mb111/Css/main.css">
    <link rel="stylesheet" type="text/css" href="https://mb.wed6.com/static/mb111/Css/common.css">
    <link rel="stylesheet" type="text/css" href="https://mb.wed6.com/static/mb111/Css/index.css"/>
    <link rel="stylesheet" type="text/css" href="https://mb.wed6.com/static/animateve.css"/>
</head>
<body class="s-bg-ddd pc no-3d" style="-webkit-user-select: none;">
<section class="m-alert preloadarea">
    <div style="display:none"><img src="https://static.lifeipt.top/merry/head-r.jpg" alt=""></div>
    <div style="width: 100%;height: 100%;background-color: #960019;">
        <div class="preloadarea">
            <div class="persent">0%</div>
            <div class="covertloading"></div>
            <div class="covert">
                <img src="https://static.lifeipt.top/merry/head-r.jpg">
            </div>
        </div>
    </div>
</section>
<section class="mb-alert preloadareamb f-hide"></section>
<section class="u-arrow f-hide">
    <p class="css_sprite01"></p>
</section>
<!--music-->
<section class="musicpage">
    <div id="soundButton" class="soundButton openSound"></div>
</section>
<!--music-->
<section class="p-ct transformNode-2d f-hide">
    <section class="lwpage">
    </section>
    <div class="translate-back" style="height: 100%;">
        <div class="m-page m-fengye w-page item_show action">
            <div class="resize"
                 style=" z-index: 3; width: 337px; height: 109px; top: 165px; left: -8px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.5; font-size: 20.63vw; color: rgb(232, 116, 116); font-weight: bolder; animation: 1.2s ease 0.4s 1 normal both bounceInUp,0.1s 2s forwards fadeOut;">
                <a href="#" id="tt0" data-type="text" data-placement="bottom"
                   style="font-size: 100%;display:block; color: inherit;">Hi.嗨</a><input type="text" id="ntt0" value="Hi.嗨" name="tt[0]"/>
            </div>
            <div class="resize"
                 style=" z-index: 2; width: 326px; height: 650px; top: -89px; left: -3px; color: rgb(85, 85, 85);background-color: rgba(255, 255, 255, 0.5); animation: 1s ease 0.7s 1 normal both fadeInDown,0.1s 2s forwards fadeOut;">
            </div>
            <div id="pimg1" class="wedimg"
                 style="z-index: 1; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 1s ease 0s 1 normal both zoomIn,0.1s 2s forwards fadeOut; background-image: url('https://static.lifeipt.top/merry/p-2.jpg');">
            </div>

            <div class="resize"
                 style=" z-index: 5; width: 337px; height: 94px; top: 218px; left: -6.5px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.5; font-size: 17.5vw; color: rgb(255, 255, 255); font-weight: bolder; -webkit-animation: 0.8s ease 3.4s 1 normal both fadeInRight,0.1s ease 4.8s 1 normal forwards fadeOut;">
                <a href="#" id="tt1" data-type="text" data-placement="bottom"
                   style="font-size: 100%;display:block; color: inherit;">朋友们</a><input type="text" id="ntt1"
                                                                                        value="朋友们" name="tt[1]"/></div>
            <div class="resize"
                 style=" z-index: 4; width: 337px; height: 94px; top: 138px; left: -6.5px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.5; font-size: 17.5vw; color: rgb(255, 255, 255); font-weight: bolder; -webkit-animation: 0.8s ease 3.4s 1 normal both fadeInLeft,0.1s ease 4.8s 1 normal forwards fadeOut">
                <a href="#" id="tt2" data-type="text" data-placement="bottom"
                   style="font-size: 100%;display:block; color: inherit;">亲爱的</a><input type="text" id="ntt2"
                                                                                        value="亲爱的" name="tt[2]"/></div>
            <div class="resize"
                 style=" z-index: 3; width: 354px; height: 625px; top: -70.434px; left: -18px; color: rgb(85, 85, 85);  background-color: rgb(232, 116, 116); -webkit-animation: 1s ease 3s 1 normal both fadeInUp,0.1s ease 4.8s 1 normal forwards fadeOut">
            </div>
            <div class="resize"
                 style=" z-index: 2; width: 354px; height: 626px; top: -69.434px; left: -18px; color: rgb(85, 85, 85);  background-color: rgb(255, 255, 255); -webkit-animation: 1s ease 3s 1 normal both fadeInDown,0.1s ease 4.8s 1 normal forwards fadeOut">
            </div>
            <div id="pimg2" class="wedimg"
                 style="z-index: 1; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 1s ease 2.1s 1 normal both puffIn,0.1s ease 3.1s 1 normal forwards fadeOut; background-image: url('https://static.lifeipt.top/merry/p-1.jpg');">
            </div>


            <div class="resize"
                 style=" z-index: 4; width: 90px; height: 315px; top: 32px; left: 115px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.1; font-size: 17.5vw; color: rgb(232, 116, 116); font-weight: bolder; -webkit-animation: 1s ease 5.6s 1 normal both fadeInUp,0.1s 7s forwards fadeOut;">
                <a href="#" id="tt3" data-type="text" data-placement="bottom"
                   style="font-size: 100%;display:block; color: inherit;">我要结婚了</a><input type="text" id="ntt3"
                                                                                          value="我要结婚了" name="tt[3]"/>
            </div>
            <div class="resize"
                 style=" z-index: 3; width: 354px; height: 651px; top: -79px; left: -17px; color: rgb(85, 85, 85);background-color: rgba(255, 255, 255); -webkit-animation: 1s ease 5.6s 1 normal both fadeInRight,0.1s 7s forwards fadeOut;">
            </div>
            <div class="resize"
                 style=" z-index: 2; width: 354px; height: 631px; top: -72.7817px; left: -18px;color: rgb(85, 85, 85); background-color: rgb(232, 116, 116); -webkit-animation: 0.1s ease 5.7s 1 normal both fadeInLeft,0.1s 6.9s forwards fadeOut;">
            </div>
            <div id="pimg3" class="wedimg"
                 style="z-index: 1; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 1s ease 4.7s 1 normal both puffIn,0.1s 6.9s forwards fadeOut;background-image: url('https://static.lifeipt.top/merry/p-3.jpg');">
            </div>


            <div class="resize"
                 style=" z-index: 3; width: 378px; height: 85px; top: 183px; left: -28px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.5; font-size: 15.63vw; color: rgb(255, 255, 255); font-weight: bolder; -webkit-animation: 1s ease 8.5s 1 normal both bounceIn,0.1s 9.8s forwards fadeOut;">
                <a href="#" id="tt4" data-type="text" data-placement="bottom"
                   style="font-size: 100%;display:block; color: inherit;">和一个</a><input type="text" id="ntt4"
                                                                                        value="和一个" name="tt[4]"/></div>
            <div class="resize"
                 style=" z-index: 2; width: 359px; height: 633px; top: -74.235px; left: -20px; color: rgb(85, 85, 85); background: rgb(232, 116, 116); -webkit-animation: 1s ease 8s 1 normal both zoomIn,0.1s 9.7s forwards fadeOut;">
            </div>
            <div id="pimg4" class="wedimg"
                 style="z-index: 1; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 1s ease 6.9s 1 normal both zoomIn,0.1s 9s forwards fadeOut;background-image: url('https://static.lifeipt.top/merry/p-4.jpg');">
            </div>


            <div class="resize"
                 style=" z-index: 4; width: 320px; height: 109px; top: 168px; left: 1px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.5; font-size: 20.63vw; color: rgb(232, 116, 116);font-weight: bolder; -webkit-animation: 0.5s ease 11.3s 1 normal both puffIn,0.1s 12s forwards fadeOut;">
                <a href="#" id="tt5" data-type="text" data-placement="bottom"
                   style="font-size: 100%;display:block; color: inherit;">爱我</a><input type="text" id="ntt5" value="爱我"
                                                                                       name="tt[5]"/></div>

            <div class="resize"
                 style=" z-index: 3; width: 718px; height: 718px; top: -108px; left: -16px; background: #fff; -webkit-animation: 1s ease 10.7s 1 normal both twisterInUpDown,0.1s 12s forwards fadeOut;">
            </div>

            <div class="resize"
                 style=" z-index: 2; width: 718px; height: 718px; top: -117px; left: -397px; background: #fff; -webkit-animation: 1s ease 10.7s 1 normal both twisterInUpUp,0.1s 12s forwards fadeOut;">
            </div>
            <div id="pimg5" class="wedimg"
                 style="z-index: 1; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 1s ease 9.7s 1 normal both fadeInDown,0.1s 11s forwards fadeOut;background-image: url('https://static.lifeipt.top/merry/p-5.jpg');">
            </div>

            <div class="resize"
                 style=" z-index: 3; width: 320px; height: 79px; top: 187px; left: 1px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.5; font-size: 14.38vw; color: rgb(255, 255, 255);font-weight: bolder;  -webkit-animation: 1s ease 13.5s 1 normal both bounceIn,0.1s 14.8s forwards fadeOut;">
                <a href="#" id="tt6" data-type="text" data-placement="bottom"
                   style="font-size: 100%;display:block; color: inherit;">我也爱的人</a><input type="text" id="ntt6"
                                                                                          value="我也爱的人" name="tt[6]"/>
            </div>
            <div class="resize"
                 style=" z-index: 2; width: 752px; height: 751px; top: -132px; left: -216.5px; background: rgb(232, 116, 116); -webkit-animation: 1s ease 13.2s 1 normal both zoomIn,0.1s 14.8s forwards fadeOut;">
            </div>
            <div id="pimg6" class="wedimg"
                 style="z-index: 1; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 1s ease 11.9s 1 normal both fadeInUp,0.1s 13.5s forwards fadeOut;background-image: url('https://static.lifeipt.top/merry/p-6.jpg');">
            </div>


            <div class="resize"
                 style=" z-index: 4; width: 90px; height: 295px; top: 88px; left: 115px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.2; font-size: 15vw; color: rgb(232, 116, 116); font-weight: bolder;  -webkit-animation: 1s ease 15.7s 1 normal both fadeInDown,0.1s 17s forwards fadeOut;">
                <a href="#" id="tt7" data-type="text" data-placement="bottom"
                   style="font-size: 100%;display:block; color: inherit;">诚挚邀请您</a><input type="text" id="ntt7"
                                                                                          value="诚挚邀请您" name="tt[7]"/>
            </div>
            <div class="resize"
                 style=" z-index: 3; width: 350px; height: 624px; top: -66px; left: -14px;  background-color: rgba(255, 255, 255); -webkit-animation: 1s ease 15.4s 1 normal both rollInRight,0.1s 17s forwards fadeOut;">
            </div>
            <div class="resize"
                 style=" z-index: 2; width: 350px; height: 624px; top: -69px; left: -16px;  background-color: rgba(255, 255, 255); -webkit-animation: 1s ease 15.4s 1 normal both rollInLeft,0.1s 17s forwards fadeOut;">
            </div>
            <div id="pimg7" class="wedimg"
                 style="z-index: 1; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 1s ease 14.7s 1 normal both twisterInUpUp,0.1s 16s forwards fadeOut;background-image: url('https://static.lifeipt.top/merry/p-7.jpg');">
            </div>


            <div class="resize"
                 style=" z-index: 5; width: 299px; height: 66px; top: 225px; left: 12.5px; word-wrap: break-word; white-space: pre-wrap; text-align: center; font-size: 17.5vw; color: rgb(255, 255, 255); font-weight: bolder; -webkit-animation: 1s ease 18.4s 1 normal both fadeInDown,0.3s 19.7s forwards puffOut;">
                <a href="#" id="tt8" data-type="text" data-placement="bottom"
                   style="font-size: 100%;display:block; color: inherit;">我们的婚礼</a><input type="text" id="ntt8"
                                                                                          value="我们的婚礼" name="tt[8]"/>
            </div>
            <div class="resize"
                 style=" z-index: 4; width: 264px; height: 64px; top: 139px; left: 27.5px; word-wrap: break-word; white-space: pre-wrap; text-align: center; font-size: 16.86vw; color: rgb(255, 255, 255); font-weight: bolder; -webkit-animation: 1s ease 18.4s 1 normal both fadeInUp,0.1s 20.7s forwards fadeOut;">
                <a href="#" id="tt9" data-type="text" data-placement="bottom"
                   style="font-size: 100%;display:block; color: inherit;">来参加</a><input type="text" id="ntt9"
                                                                                        value="来参加" name="tt[9]"/></div>
            <div class="resize"
                 style=" z-index: 3; width: 361px; height: 633px; top: -72.235px; left: -21px; background: rgb(232, 116, 116); left: -21px; top: -72.235px; -webkit-animation: 1s ease 18.2s 1 normal both zoomIn,0.1s 20.7s forwards fadeOut;">
            </div>
            <div class="resize"
                 style=" z-index: 2; width: 175px; height: 648px; top: -61.25px; left: -489.762px; -webkit-animation: 2s ease 17.1s 1 normal both fadeIn,0.1s 18.2s forwards fadeOut;">
                <img src="https://mb.wed6.com/static/mb457/o_1cmqc7s9r4vu3o41p8j13vdh829.gif?imageMogr2/auto-orient/thumbnail/411x648%3E"/>
            </div>
            <div id="pimg8" class="wedimg"
                 style="z-index: 1; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 1s ease 16.9s 1 normal both fadeIn,0.1s 18.5s forwards fadeOut;background-image: url('https://static.lifeipt.top/merry/p-8.jpg');">
            </div>
            <div style="-webkit-animation: 0.1s ease 20.8s 1 normal both fadeIn;">

                <div class="resize"
                     style=" z-index: 19; width: 172.5px; height: 172.5px; top: -29.25px; left: -35.25px; -webkit-animation: 2s ease 21.6s 1 normal both fadeInUp;">
                    <img src="https://mb.wed6.com/static/mb457/o_1cf48c68212tj16qb5i0c7s1kst3d.png"/>
                </div>
                <div class="resize"
                     style=" z-index: 18; width: 171.429px; height: 78px; top: 4px; left: 164.286px; -webkit-animation: 2s ease 21.3s 1 normal both fadeInUp;">
                    <img src="https://mb.wed6.com/static/mb457/o_1cmslg78p1hr21i8ofun1kmjudn2g.png"/>
                </div>
                <div class="resize"
                     style=" z-index: 17; width: 364px; height: 181px; top: -37.5px; left: -71px; -webkit-animation: 3s ease 20.8s infinite normal both flash;">
                    <img src="https://mb.wed6.com/static/mb457/o_1cgh6dc79das1n6h181b4r0miae.png"/>
                </div>
                <div class="resize"
                     style=" z-index: 16; width: 216px; height: 29px; top: 366px; left: 14px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.5; font-size: 4.06vw; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; color: rgb(255, 255, 255); -webkit-animation: 2s ease 22.4s 1 normal both zoomIn;">
                    Mr.李飞 & 高祎璠.Miss
                </div>
                <div class="resize"
                     style=" z-index: 15; width: 193px; height: 24px; top: 381px; left: 64px; background: rgba(0, 0, 0, 0);  border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 11px; animation: 2s ease 22.2s 1 normal both zoomIn;">
                </div>
                <div class="resize"
                     style=" z-index: 14; width: 55px; height: 44px; top: 421.005px; left: 242.184px; -webkit-animation:2s ease 23.4s 1 normal both rollInRight, 3s ease 4.6s infinite normal forwards rubberBand;">
                    <img src="https://mb.wed6.com/static/mb457/o_1cm35478474a1on8ve5lhl19qu9.png"
                         style="transform: rotateZ(353deg) rotateY(180deg); "/>
                </div>
                <div class="resize"
                     style=" z-index: 13; width: 55px; height: 44px; top: 421.005px; left: 23.1835px; -webkit-animation:2s ease 23.4s 1 normal both running rollInLeft, 3s ease 24.4s infinite normal forwards rubberBand;">
                    <img style="transform: rotateZ(8deg); "
                         src="https://mb.wed6.com/static/mb457/o_1cm35478474a1on8ve5lhl19qu9.png"/>
                </div>
                <div class="resize"
                     style=" z-index: 12; width: 210px; height: 28px; top: 434px; left: 55px; text-align: center; line-height: 1.5; font-size: 3.75vw; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; color: rgb(255, 255, 255); -webkit-animation: 2s ease 23.2s 1 normal both zoomIn;">
                    2021/04/29&nbsp;<script>document.write(lunar_date)</script>
                </div>
                <div class="resize"
                     style=" z-index: 11; width: 175.61px; height: 24px; top: 412px; left: 72.1951px; -webkit-animation: 2s ease 22.8s 1 normal both puffIn;">
                    <img src="https://mb.wed6.com/static/mb457/o_1d74sd4du18omhdjiob1n401ap71h.png"/>
                </div>
                <div class="resize"
                     style=" z-index: 10; width: 322px; height: 21px; top: 464.971px; left: -0.51098px; -webkit-animation: 2s ease 23.8s 1 normal both zoomIn;">
                    <img src="https://mb.wed6.com/static/mb457/o_1d5u6gd23beuvrd1dds16tt1hbg9.png?imageMogr2/auto-orient/crop/!599x41a0a98"/>
                </div>
                <div class="resize"
                     style=" z-index: 9; width: 338px; height: 129px; top: 258.567px; left: -8.20192px; -webkit-animation:2s ease 1.2s 1 normal both zoomIn, 3s ease 24s infinite normal forwards swing;">
                    <img src="https://mb.wed6.com/static/mb457/o_1d6ikmc3qlrnoiuomk4am86lo.png"/>
                </div>
                <div class="resize"
                     style=" z-index: 8; width: 429px; height: 384px; top: 173.66px; left: -69px; -webkit-animation: 2s ease 22.8s 1 normal both fadeIn;">
                    <img src="https://mb.wed6.com/static/mb457/o_1ce3ihg0618t5kck7d9dnd1ovu9.png"/>
                </div>
                <div id="pimg9" class="wedimg"
                     style="z-index: 7;width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation:  3s ease 20.8s 1 normal both puffOut;background-image: url('https://static.lifeipt.top/merry/p-9.jpg');">
                </div>
                <div id="pimg9" class="wedimg"
                     style="z-index: 6; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 2s ease 21.4s 1 normal both puffIn;background-image: url('https://static.lifeipt.top/merry/p-9.jpg');">
                </div>
                <div class="resize"
                     style=" z-index: 5; width: 320px; height: 625px; left: 0px; top: -70px; background: #fff; -webkit-animation: 2s ease 21.3s 1 normal both fadeIn;">
                </div>
                <div class="resize"
                     style=" z-index: 1; width: 566px; height: 565px; top: 174px; left: -111px; -webkit-animation: 1s ease 20.8s 1 normal both rollOutUp;">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.4);"></ellipse>
      </svg>
                </div>
                <div class="resize"
                     style=" z-index: 1; width: 498px; height: 498px; top: -157px; left: 104px; -webkit-animation: 1s ease 20.8s 1 normal both rollOutLeft;">
                    <div style="transform: rotateZ(240deg); ">
                        <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                             viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                             xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.53);"></ellipse>
      </svg>
                    </div>
                </div>
                <div class="resize"
                     style=" z-index: 1; width: 498px; height: 498px; top: -160px; left: -252px; -webkit-animation: 1s ease 20.8s 1 normal both rollOutRight;">
                    <div style="transform: rotateZ(120deg); ">
                        <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                             viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                             xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.3);"></ellipse>
      </svg>
                    </div>
                </div>
            </div>
        </div>
        <div class="m-page f-hide w-page">
            <div class="resize"
                 style=" z-index: 22; width: 60px; height: 64px; top: 449.883px; left: 283.31px; -webkit-animation: 2s ease 3.3s 1 normal both twisterInUpRight,4s linear 5.3s infinite normal forwards rotateIn;">

                <img src="https://mb.wed6.com/static/mb457/Fq6VKWmS9wshMoQq4id1FjIb4d1z"/>
            </div>
            <div class="resize"
                 style=" z-index: 21; width: 74px; height: 42px; top: 433.642px; left: -25.4053px;  -webkit-animation: 2s ease 3s 1 normal both rollInLeft;">
                <img src="https://mb.wed6.com/static/mb457/FiVBSZjDaQjkn9bwmwSRuoDXcw_U"
                     style="transform: rotateZ(90deg);"/>
            </div>
            <div class="resize"
                 style=" z-index: 20; width: 320px; height: 28px; top: 387px; left: 0px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.5; font-size: 3.75vw; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; color: rgb(0, 0, 0); -webkit-animation: 2s ease 2.6s 1 normal both puffIn;">
                <a href="#" id="tt10" data-type="text" data-placement="top"
                   style="font-size: 100%;display:block; color: inherit;">诚邀您来参加的婚礼</a><input type="text" id="ntt10"
                                                                                              value="诚邀您来参加的婚礼"
                                                                                              name="tt[10]"/></div>
            <div class="resize"
                 style=" z-index: 19; width: 30px; height: 34px; top: 327.222px; left: 147.2px; -webkit-animation: 2s ease 2s 1 normal both zoomIn;">
                <img src="https://mb.wed6.com/static/mb457/o_1d48ho4gp133aaap15s65rq16086k.png?imageMogr2/auto-orient/crop/!79x89a481a9"/>
            </div>
            <div class="resize"
                 style=" z-index: 18; width: 116px; height: 31px; top: 337px; left: 187px; word-wrap: break-word; white-space: pre-wrap; line-height: 1.5; font-size: 4.38vw; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; color: rgb(0, 0, 0); -webkit-animation: 2s ease 2.2s 1 normal both fadeInLeft;">
                高祎璠.Miss
            </div>
            <div class="resize"
                 style=" z-index: 17; width: 116px; height: 31px; top: 337px; left: 20px; word-wrap: break-word; white-space: pre-wrap; text-align: right; line-height: 1.5; font-size: 4.38vw; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; color: rgb(0, 0, 0); -webkit-animation: 2s ease 2.2s 1 normal both fadeInRight;">
                Mr.李飞
            </div>
            <div class="resize"
                 style=" z-index: 16; width: 269px; height: 84px; top: 238.925px; left: 27.3879px; -webkit-animation: 2s ease 1.6s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/o_1d6fr7qdvgfd17ij1jdcb2d17p5e.png?imageMogr2/auto-orient/crop/!482x152a0a167"/>
            </div>
            <div class="resize"
                 style=" z-index: 15; width: 132px; height: 11px; top: 365.5px; left: 96.9474px; -webkit-animation: 2s ease 2.4s 1 normal both zoomIn;">
                <img src="https://mb.wed6.com/static/mb457/o_1cf4gfakgab91lb1b2f1lpp10cdn.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 14; width: 263px; height: 51px; top: 253.75px; left: 29.2381px; -webkit-animation: 2s ease 1.4s 1 normal both rollInUp,3s ease 0s infinite normal forwards swing;">
                <img src="https://mb.wed6.com/static/mb457/o_1d86as2unthc1e29jar1pnl903g.png?imageMogr2/auto-orient/crop/!484x94a76a66"/>
            </div>
            <div class="resize"
                 style=" z-index: 13; width: 217px; height: 26px; top: 460.5px; left: 51.6389px; -webkit-animation: 2s ease 3.6s 1 normal both zoomIn;">
                <img src="https://mb.wed6.com/static/mb457/o_1cfai2472cfhfej1eal119qff69.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 12; width: 253px; height: 31px; top: 434px; left: 33.5px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.8; font-size: 3.75vw; font-weight: normal; font-style: normal; color: rgb(0, 0, 0); -webkit-animation: 2s ease 3.4s 1 normal both zoomIn;">
                珠海市香洲区凤凰南路1066号
            </div>
            <div class="resize"
                 style=" z-index: 11; width: 253px; height: 31px; top: 409px; left: 33.5px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.8; font-size: 3.75vw; font-weight: normal; font-style: normal; color: rgb(0, 0, 0); -webkit-animation: 2s ease 3s 1 normal both zoomIn;">
                扬名广场二期八楼香港富临皇宫
            </div>
            <div class="resize"
                 style=" z-index: 10; width: 172.5px; height: 172.5px; top: -29.25px; left: -33.25px; -webkit-animation: 2s ease 0.8s 1 normal both fadeInUp;">
                <img src="https://mb.wed6.com/static/mb457/o_1cf48c68212tj16qb5i0c7s1kst3d.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 9; width: 230px; height: 23px; top: 108.172px; left: 193.11px; -webkit-animation: 2s ease 1s 1 normal both fadeInRight;">
                <img style="transform: rotateZ(90deg); "
                     src="https://mb.wed6.com/static/mb457/o_1cm371jjl17ts9pkrpp1tuf2bv9.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 8; width: 395px; height: 515px; top: 280.75px; left: -37.5px; -webkit-animation: 2s ease 1.2s 1 normal both fadeInDown;">
                <img src="https://mb.wed6.com/static/mb457/o_1d86bq3dqvcpapc3q96d8kuvs.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 7; width: 395px; height: 515px; top: 296.75px; left: -37.5px; -webkit-animation: 2s ease 1.4s 1 normal both fadeInDown;">
                <img src="https://mb.wed6.com/static/mb457/o_1d86bo1j3ggsnmq1ft1r5c1ja5n.png"/>
            </div>
            <div id="pimg10" class="wedimg"
                 style="z-index: 6; width: 320px; height: 400px; left: 0px; top: -70px; -webkit-animation: 2s ease 0.6s 1 normal both fadeInDown;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_e9f1b57cf4505fd55cff25fa5fd15871.jpg"/>
            </div>
            <div class="resize"
                 style=" z-index: 5; width: 320px; height: 625px; left: 0px; top: -70px;background: #fff; -webkit-animation: 1s ease 1s 1 normal both fadeIn;">
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 566px; height: 565px; top: 174px; left: -111px; -webkit-animation: 1s ease 0s 1 normal both rollOutUp;">
                <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                     viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.4);"></ellipse>
      </svg>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -157px; left: 104px; -webkit-animation: 1s ease 0s 1 normal both rollOutLeft;">
                <div style="transform: rotateZ(240deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.53);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -160px; left: -252px; -webkit-animation: 1s ease 0s 1 normal both rollOutRight;">
                <div style="transform: rotateZ(120deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.3);"></ellipse>
      </svg>
                </div>
            </div>

        </div>
        <div class="m-page f-hide w-page">
            <div id="pimg12" class="wedimg"
                 style="z-index: 6; width: 320px; height: 625px; left: 0px; top: -48px; border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px;
                  -webkit-animation: 2s ease 0.6s 1 normal both fadeInUp;background-image: url('https://static.lifeipt.top/merry/p-8.jpg');">
            </div>
            <div class="resize"
                 style=" z-index: 5; width: 320px; height: 625px; left: 0px; top: -70px;background: #fff; -webkit-animation: 1s ease 1s 1 normal both fadeIn;">
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 566px; height: 565px; top: 174px; left: -111px; -webkit-animation: 1s ease 0s 1 normal both rollOutUp;">
                <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                     viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.4);"></ellipse>
      </svg>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -157px; left: 104px; -webkit-animation: 1s ease 0s 1 normal both rollOutLeft;">
                <div style="transform: rotateZ(240deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.53);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -160px; left: -252px;  -webkit-animation: 1s ease 0s 1 normal both rollOutRight;">
                <div style="transform: rotateZ(120deg);">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.3);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: -1; width: 335px; height: 637px; top: -74px; left: -8px; background: rgb(232, 116, 116);">
            </div>
        </div>


        <div class="m-page f-hide w-page">
            <div id="pimg14" class="wedimg"
                 style="z-index: 6; width: 320px; height: 625px; left: 0px; top: -48px; border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255);
                 box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px; -webkit-animation: 2s ease 0.6s 1 normal both fadeInUp;background-image: url('https://static.lifeipt.top/merry/p-8.jpg');">
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -157px; left: 104px; -webkit-animation: 1s ease 0s 1 normal both rollOutLeft;">
                <div style="transform: rotateZ(240deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.53);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -160px; left: -252px; -webkit-animation: 1s ease 0s 1 normal both rollOutRight;">
                <div style="transform: rotateZ(120deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.3);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: -1; width: 335px; height: 637px; top: -74px; left: -8px; background: rgb(232, 116, 116);">
            </div>
        </div>


        <div class="m-page f-hide w-page">
            <div class="resize"
                 style=" z-index: 19; width: 320px; height: 28px; top: 285px; left: 0px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.5; font-size: 3.75vw; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; color: rgb(34, 34, 34); -webkit-animation: 2s ease 2.2s 1 normal both zoomIn;">
                <a href="#" id="tt13" data-type="text" data-placement="top"
                   style="font-size: 100%;display:block; color: inherit;">我爱你不是因为你是谁，而是我在你面前可以是谁</a><input type="text"
                                                                                                           id="ntt13"
                                                                                                           value="我爱你不是因为你是谁，而是我在你面前可以是谁"
                                                                                                           name="tt[13]"/>
            </div>
            <div class="resize"
                 style=" z-index: 18; width: 55px; height: 61px; top: 441.199px; left: 278.972px; -webkit-animation:2s ease 2s 1 normal both zoomIn, 3s linear 4s infinite normal forwards rotateIn;">
                <img src="https://mb.wed6.com/static/mb457/Fprghf2Y18S_ad42kQZTOwMaRyWp?imageMogr2/auto-orient/crop/!328x355a0a0"/>
            </div>
            <div class="resize"
                 style=" z-index: 17; width: 45px; height: 91px; top: 295.848px; left: 275.002px; -webkit-animation: 2s ease 2.2s 1 normal both running rollInDown,3s ease 4.2s infinite normal forwards swing;">
                <img src="https://mb.wed6.com/static/mb457/o_1d8gk2p79fpm1q9jv0m12p6ds0t.png?imageMogr2/auto-orient/crop/!116x231a0a0"
                     style=" transform: rotateZ(333deg)  rotateX(180deg) rotateY(180deg);"/>
            </div>
            <div class="resize"
                 style=" z-index: 16; width: 38px; height: 95px; top: 418.558px; left: 5.92398px; -webkit-animation:2s ease 2.2s 1 normal both running rollInDown, 3s ease 0s infinite normal forwards swing;">
                <img src="https://mb.wed6.com/static/mb457/o_1d8gk2p7a15du2jt16rkluoomv1c.png"
                     style="transform: rotateZ(143deg);"/>
            </div>
            <div class="resize"
                 style=" z-index: 15; width: 269px; height: 84px; top: 207.925px; left: 32.3879px; -webkit-animation: 2s ease 1.8s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/o_1d6fr7qdvgfd17ij1jdcb2d17p5e.png?imageMogr2/auto-orient/crop/!482x152a0a167"/>
            </div>
            <div class="resize"
                 style=" z-index: 14; width: 261px; height: 56.4612px; top: 218.75px; left: 30.2381px; -webkit-animation:2s ease 1.6s 1 normal both running zoomIn,3s ease 3.6s 1 normal forwardsswing;">
                <img src="https://mb.wed6.com/static/mb457/o_1d86as2unthc1e29jar1pnl903g.png?imageMogr2/auto-orient/crop/!441x98a104a765"/>
            </div>
            <div id="pimg15" class="wedimg"
                 style="z-index: 13; width: 87px; height: 141.947px; top: 322px; left: 210.5px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px; -webkit-animation: 2s ease 2.2s 1 normal both fadeInLeft;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_89c9c70f3bd1ad2fe75411e14162045b.jpg"/>
            </div>
            <div id="pimg16" class="wedimg"
                 style="z-index: 12; width: 87px; height: 141.032px; top: 322px; left: 24.5px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px; -webkit-animation: 2s ease 2.2s 1 normal both fadeInRight;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_0a984455db72b0ead8609ed9526583e4.jpg"/>
            </div>
            <div id="pimg17" class="wedimg"
                 style="z-index: 11; width: 87px; height: 141.947px; top: 322px; left: 117.5px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px; -webkit-animation: 2s ease 2s 1 normal both puffIn;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_47654d8de7baef0a9142dcb53436ee26.jpg"/>
            </div>
            <div class="resize"
                 style=" z-index: 10; width: 395px; height: 515px; top: 240.75px; left: -37.5px; -webkit-animation: 2s ease 1.2s 1 normal both fadeInDown;">
                <img src="https://mb.wed6.com/static/mb457/o_1d86bq3dqvcpapc3q96d8kuvs.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 9; width: 395px; height: 515px; top: 256.75px; left: -37.5px; -webkit-animation: 2s ease 1.4s 1 normal both fadeInDown;">
                <img src="https://mb.wed6.com/static/mb457/o_1d86bo1j3ggsnmq1ft1r5c1ja5n.png"/>
            </div>
            <div id="pimg18" class="wedimg"
                 style="z-index: 8; width: 320px; height: 360px; top: -70px; left: 0px; -webkit-animation: 2s ease 0.8s 1 normal both fadeInUp;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_fc662eacad3a098c20430a0dc7dbed5e.jpg"/>
            </div>
            <div class="resize"
                 style=" z-index: 7; width: 112px; height: 27.7113px; top: 443.25px; left: 151.744px; -webkit-animation: 1.5s ease 1.7s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/Fql1HxIIMOtTiamXua_q4KS3S1cg"/>
            </div>
            <div class="resize"
                 style=" z-index: 6; width: 93px; height: 15.6449px; top: 391.5px; left: 153px;-webkit-animation: 2s ease 2s 1 normal both zoomIn;">
                <img src="https://mb.wed6.com/static/mb457/Ft5HK55rGRbkckt92I_qPfHYcqLu?imageMogr2/auto-orient/crop/!107x18a0a32"/>
            </div>
            <div class="resize"
                 style=" z-index: 5; width: 320px; height: 625px; left: 0px; top: -70px;background: #fff; -webkit-animation: 1s ease 1s 1 normal both fadeIn;">
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 566px; height: 565px; top: 174px; left: -111px; -webkit-animation: 1s ease 0s 1 normal both rollOutUp;">
                <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                     viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.4);"></ellipse>
      </svg>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -157px; left: 104px; -webkit-animation: 1s ease 0s 1 normal both rollOutLeft;">
                <div style="transform: rotateZ(240deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.53);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -160px; left: -252px; -webkit-animation: 1s ease 0s 1 normal both rollOutRight;">
                <div style="transform: rotateZ(120deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.3);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: -1; width: 335px; height: 637px; top: -74px; left: -8px; background: rgb(232, 116, 116);">
            </div>
        </div>


        <div class="m-page f-hide w-page">
            <div class="resize"
                 style=" z-index: 19; width: 149px; height: 107px; top: -8.25px; left: 182.527px; -webkit-animation: 2s ease 1s 1 normal both twisterInUpRight;">
                <img src="https://mb.wed6.com/static/mb457/o_1cmsl1e0e2mfr3l1sa4m2sp9a1v.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 18; width: 187px; height: 23px; top: 458.5px; left: 66.6389px; -webkit-animation: 2s ease 4s 1 normal both zoomIn;">
                <img src="https://mb.wed6.com/static/mb457/o_1cegrjb2n1dcc10k21ce916g5imvl.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 17; width: 96px; height: 16px; top: 257.5px; left: 112.489px; -webkit-animation: 2s ease 2s 1 normal both puffIn;">
                <img src="https://mb.wed6.com/static/mb457/o_1d5u6gd23beuvrd1dds16tt1hbg9.png?imageMogr2/auto-orient/crop/!200x34a198a494"/>
            </div>
            <div class="resize"
                 style=" z-index: 16; width: 295px; height: 79px; top: 264.35px; left: 13.3879px; -webkit-animation: 2s ease 2.4s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/o_1d6imtss11k6c17jjn2p1naj1qtr9.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 15; width: 257px; height: 51px; top: 275.75px; left: 32.2381px; -webkit-animation: 2s ease 2.4s 1 normal both zoomIn,3s ease 4.4s infinite normal forwards swing;">
                <img src="https://mb.wed6.com/static/mb457/o_1d86as2unthc1e29jar1pnl903g.png?imageMogr2/auto-orient/crop/!482x96a74a553"/>
            </div>
            <div id="pimg19" class="wedimg"
                 style="z-index: 14; width: 75.5157px; height: 115.595px; top: 333.912px; left: 121.574px; border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px; -webkit-animation: 2s ease 2s 1 normal both zoomIn,3s ease 4s infinite normal forwards swing;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_b3cd178550be98230f659fb606728614.jpg"/>
            </div>
            <div id="pimg20" class="wedimg"
                 style="z-index: 13; width: 75.5523px; height: 114.337px; top: 329.201px; left: 29.4415px; -webkit-animation: 2s ease 2.5s 1 normal both twisterInUpLeft;">
                <img class="wedpedImg"
                     style="transform: rotateZ(4deg); border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px;"
                     src="//hljp.xiwed.cn/tmp_cc5c9c9008688469c0f7fc8436cd87a5.jpg"/>
            </div>
            <div id="pimg21" class="wedimg"
                 style="z-index: 12; width: 77.3887px; height: 118.499px; top: 328.824px; left: 214.099px; -webkit-animation: 2s ease 2.4s 1 normal both twisterInUpRight;">
                <img class="wedpedImg"
                     style="transform: rotateZ(356deg);  border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px;"
                     src="//hljp.xiwed.cn/tmp_abfd054f8b2ff0b66b75d489374f6b70.jpg"/>
            </div>
            <div class="resize" style=" z-index: 11; width: 148px; height: 148px; top: -46.5px; left: -36.5876px;">
                <div class="element-box"
                     style="width: 100%; height: 100%; top: -46.5px; left: -36.5876px; -webkit-animation: 3s ease 0s infinite normal both flash;">
                    <img src="https://mb.wed6.com/static/mb457/o_1cpqq5vdd198ln7kgjeioiri6k.png?imageMogr2/auto-orient/crop/!650x650a0a0"/>
                </div>
            </div>
            <div class="resize" style=" z-index: 10; width: 377px; height: 407px; top: 287px; left: -22.5px;">
                <div class="element-box"
                     style="width: 100%; height: 100%; top: 287px; left: -22.5px; -webkit-animation: 1.3s ease 1.4s 1 normal both fadeInUp;">
                    <img src="https://mb.wed6.com/static/mb457/o_1c24j7jdp3glji6146k19qc1t9kn.png?imageMogr2/auto-orient/crop/!337x376a0a0"/>
                </div>
            </div>
            <div id="pimg22" class="wedimg"
                 style="z-index: 9; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 2.6s ease 0.8s 1 normal both fadeInRight;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_7804bf718cf34759e2803fc5dbc681bf.jpg"/>
            </div>
            <div id="pimg22" class="wedimg"
                 style="z-index: 8; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 2.6s ease 0.8s 1 normal both fadeInLeft;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_7804bf718cf34759e2803fc5dbc681bf.jpg"/>
            </div>
            <div class="resize" style=" z-index: 7; width: 112px; height: 27.7113px; top: 443.25px; left: 151.744px;">
                <div class="element-box"
                     style="width: 100%; height: 100%; top: 443.25px; left: 151.744px; -webkit-animation: 1.5s ease 1.7s 1 normal both fadeInLeft;">
                    <img src="https://mb.wed6.com/static/mb457/Fql1HxIIMOtTiamXua_q4KS3S1cg"/>
                </div>
            </div>
            <div class="resize" style=" z-index: 6; width: 93px; height: 15.6449px; top: 391.5px; left: 153px;">
                <div class="element-box"
                     style="width: 100%; height: 100%; top: 391.5px; left: 153px; -webkit-animation: 2s ease 2s 1 normal both zoomIn;">
                    <img src="https://mb.wed6.com/static/mb457/Ft5HK55rGRbkckt92I_qPfHYcqLu?imageMogr2/auto-orient/crop/!107x18a0a32"/>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: 5; width: 320px; height: 625px; left: 0px; top: -70px;background: #fff; -webkit-animation: 1s ease 1s 1 normal both fadeIn;">
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 566px; height: 565px; top: 174px; left: -111px; -webkit-animation: 1s ease 0s 1 normal both rollOutUp;">
                <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                     viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.4);"></ellipse>
      </svg>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -157px; left: 104px; -webkit-animation: 1s ease 0s 1 normal both rollOutLeft;">
                <div style="transform: rotateZ(240deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.53);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -160px; left: -252px; -webkit-animation: 1s ease 0s 1 normal both rollOutRight;">
                <div style="transform: rotateZ(120deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.3);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: -1; width: 335px; height: 637px; top: -74px; left: -8px; background: rgb(232, 116, 116);">
            </div>
        </div>


        <div class="m-page f-hide w-page">
            <div class="resize"
                 style=" z-index: 21; width: 51px; height: 47px; top: 448.375px; left: 268.615px; -webkit-animation: 2s ease 2.4s 1 normal both zoomIn,3s linear 4.4s infinite normal forwards rotateIn;">
                <img src="https://mb.wed6.com/static/mb457/FpzW02sen7ojD2DRUbJ7ABUUqE1i"/>
            </div>
            <div class="resize"
                 style=" z-index: 20; width: 51px; height: 68px; top: 408.317px; left: 287.875px; -webkit-animation: 2s ease 2.7s 1 normal both zoomIn,3s ease 4.7s infinite normal forwards swing;">
                <img src="https://mb.wed6.com/static/mb457/FsgCAgdTOPNaU8F1aQ6hsMmcJx9v"
                     style="transform: rotateZ(173deg) rotateY(180deg); "/>
            </div>
            <div class="resize"
                 style=" z-index: 19; width: 78.5591px; height: 86.0086px; top: 498.241px; left: 423.22px;">
                <img src="https://mb.wed6.com/static/mb457/o_1d8gk2p791nqu1ngkp6b178o1vuj16.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 18; width: 62.25px; height: 83.7281px; top: 410.423px; left: 0.875px;-webkit-animation: 2s ease 2.6s 1 normal both rollInDown;">
                <img style=" transform: rotateZ(180deg);"
                     src="https://mb.wed6.com/static/mb457/FsgCAgdTOPNaU8F1aQ6hsMmcJx9v"/>
            </div>
            <div class="resize"
                 style=" z-index: 17; width: 23.9487px; height: 17.1376px; top: 380.25px; left: 124.606px;-webkit-animation: 2s ease 2.2s 1 normal both fadeInRight;">
                <img src="https://mb.wed6.com/static/mb457/o_1d85nfrt2152o1gj21hb71hve16c62v.png?imageMogr2/auto-orient/crop/!109x78a159a34"/>
            </div>
            <div class="resize"
                 style=" z-index: 16; width: 47px; height: 20px; top: 380.25px; left: 149.606px; -webkit-animation: 2s ease 2.2s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/o_1d85nfrt2152o1gj21hb71hve16c62v.png?imageMogr2/auto-orient/crop/!168x71a145a231"/>
            </div>
            <div class="resize"
                 style=" z-index: 15; width: 246px; height: 77px; top: 322.795px; left: 42.3879px; -webkit-animation: 2s ease 2s 1 normal both bounceIn;">
                <img src="https://mb.wed6.com/static/mb457/o_1d6fr7qdvgfd17ij1jdcb2d17p5e.png?imageMogr2/auto-orient/crop/!482x152a0a167"/>
            </div>
            <div class="resize"
                 style=" z-index: 14; width: 321px; height: 51px; top: 331.25px; left: -3.66667px; -webkit-animation: 2s ease 1.8s 1 normal both lightSpeedInRight;">
                <img src="https://mb.wed6.com/static/mb457/o_1d86as2unthc1e29jar1pnl903g.png?imageMogr2/auto-orient/crop/!624x100a0a308"/>
            </div>
            <div id="pimg23" class="wedimg"
                 style="z-index: 13; width: 115px; height: 115px; top: 240.75px; left: 101.5px; -webkit-animation:2s ease 1.6s 1 normal both running twisterInUpUp, 3s ease 3.6s infinite normal forwards swing;">
                <img class="wedpedImg"
                     style="border-radius: 157px; border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px; "
                     src="//hljp.xiwed.cn/tmp_6fd66d0a192571780e9835f209e5564a.jpg"/>
            </div>
            <div class="resize"
                 style=" z-index: 22; width: 320px; height: 54px; top: 400px; left: 0px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.9; font-size: 3.75vw; color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0); -webkit-animation: 3s ease 2.4s 1 normal both zoomIn;">
                <a href="#" id="tt14" data-type="textarea" data-placement="top"
                   style="font-size: 100%;display:block; color:inherit;">13：00 - 迎接新娘 17：30 - 宾客签到
                    19：00 - 婚礼仪式 19：30 - 婚宴进餐</a><textarea id="ntt14" name="tt[14]">13：00 - 迎接新娘      17：30 - 宾客签到
19：00 - 婚礼仪式      19：30 - 婚宴进餐</textarea></div>
            <div class="resize"
                 style=" z-index: 11; width: 276px; height: 132px; top: 325px; left: 22px; color: rgb(85, 85, 85); border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.3); position: relative;border-radius: 2px; -webkit-animation: 2s ease 1.4s 1 normal both zoomIn;">
                <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                     viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
                <rect fill="#08A1EF" height="64" style="fill: rgba(0, 0, 0, 0);" width="64">
                </rect>
            </svg>
            </div>
            <div class="resize"
                 style=" z-index: 10; width: 284px; height: 142px; top: 320px; left: 18px; color: rgb(85, 85, 85); left: 18px; top: 320px; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px; -webkit-animation: 2s ease 1.2s 1 normal both zoomIn;">
                <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                     viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
                <rect fill="#08A1EF" height="64" style="fill: rgba(255, 255, 255, 0.6);" width="64">
                </rect>
            </svg>
            </div>
            <div id="pimg24" class="wedimg"
                 style="z-index: 9; width: 376px; height: 636px; top: -75.75px; left: -28.0979px; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); -webkit-animation: 2s ease 1s 1 normal both zoomIn;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_f882e4fcad15ada18b18ae8b881221bf.jpg"/>
            </div>
            <div class="resize"
                 style=" z-index: 8; width: 148px; height: 148px; top: -46.5px; left: -36.5876px; -webkit-animation: 3s ease 0s infinite normal both flash;">
                <img src="https://mb.wed6.com/static/mb457/o_1cpqq5vdd198ln7kgjeioiri6k.png?imageMogr2/auto-orient/crop/!650x650a0a0"/>
            </div>
            <div class="resize"
                 style=" z-index: 7; width: 112px; height: 27.7113px; top: 443.25px; left: 151.744px; -webkit-animation: 1.5s ease 1.7s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/Fql1HxIIMOtTiamXua_q4KS3S1cg"/>
            </div>
            <div class="resize"
                 style=" z-index: 6; width: 93px; height: 15.6449px; top: 391.5px; left: 153px; -webkit-animation: 2s ease 2s 1 normal both zoomIn;">
                <img src="https://mb.wed6.com/static/mb457/Ft5HK55rGRbkckt92I_qPfHYcqLu?imageMogr2/auto-orient/crop/!107x18a0a32"/>
            </div>
            <div class="resize"
                 style=" z-index: 5; width: 320px; height: 625px; left: 0px; top: -70px;background: #fff; -webkit-animation: 1s ease 1s 1 normal both fadeIn;">
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 566px; height: 565px; top: 174px; left: -111px; -webkit-animation: 1s ease 0s 1 normal both rollOutUp;">
                <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                     viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.4);"></ellipse>
      </svg>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -157px; left: 104px; -webkit-animation: 1s ease 0s 1 normal both rollOutLeft;">
                <div style=" transform: rotateZ(240deg);">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.53);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -160px; left: -252px; -webkit-animation: 1s ease 0s 1 normal both rollOutRight;">
                <div style="transform: rotateZ(120deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.3);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: -1; width: 335px; height: 637px; top: -74px; left: -8px; background: rgb(232, 116, 116);">
            </div>
        </div>


        <div class="m-page f-hide w-page">
            <div class="resize"
                 style=" z-index: 14; width: 172.5px; height: 172.5px; top: -29.25px; left: -33.25px; -webkit-animation: 2s ease 0.8s 1 normal both fadeInUp;">
                <img src="https://mb.wed6.com/static/mb457/o_1cf48c68212tj16qb5i0c7s1kst3d.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 13; width: 243.295px; height: 74.1343px; top: 324.556px; left: -2.14773px; -webkit-animation:2s ease 1.8s 1 normal both fadeInLeft, 3s ease 3.8s infinite normal forwards swing;">
                <img src="https://mb.wed6.com/static/mb457/o_1d3ioiidn194dhrt17eg12881e051o.png"/>
            </div>
            <div id="pimg25" class="wedimg"
                 style="z-index: 12; width: 115px; height: 172.5px; top: 266.75px; left: 178.5px;  -webkit-animation: 2s ease 4.5s 1 normal both zoomIn;">
                <img class="wedpedImg"
                     style="transform: rotateZ(4deg); border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px;"
                     src="//hljp.xiwed.cn/tmp_bcc95e381c50fd493b019e48eb3ca978.jpg"/>
            </div>
            <div id="pimg26" class="wedimg"
                 style="z-index: 11; width: 115px; height: 172.5px; top: 266.75px; left: 180.5px; -webkit-animation: 2s ease 2s 1 normal both twisterInUpRight;">
                <img class="wedpedImg"
                     style="width: 100%; height: 100%; top: 266.75px; left: 180.5px; border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 3px; transform: rotateZ(356deg);"
                     src="/static/album/prev_no_img.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 10; width: 172.414px; height: 60px; top: 393px; left: 1.2931px; -webkit-animation: 2s ease 2s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/o_1cf4ballh17h91v5pittuu74tb5a.png"/>
            </div>
            <div id="pimg27" class="wedimg"
                 style="z-index: 9; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 2s ease 1s 1 normal both zoomIn;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_f3def8fb46e1b9c461bf284d3d31af11.jpg"/>
            </div>
            <div class="resize"
                 style=" z-index: 8; width: 148px; height: 148px; top: -46.5px; left: -36.5876px; -webkit-animation: 3s ease 0s infinite normal both flash;">
                <img src="https://mb.wed6.com/static/mb457/o_1cpqq5vdd198ln7kgjeioiri6k.png?imageMogr2/auto-orient/crop/!650x650a0a0"/>
            </div>
            <div class="resize"
                 style=" z-index: 7; width: 112px; height: 27.7113px; top: 443.25px; left: 151.744px; -webkit-animation: 1.5s ease 1.7s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/Fql1HxIIMOtTiamXua_q4KS3S1cg"/>
            </div>
            <div class="resize"
                 style=" z-index: 6; width: 93px; height: 15.6449px; top: 391.5px; left: 153px; -webkit-animation: 2s ease 2s 1 normal both zoomIn;">
                <img src="https://mb.wed6.com/static/mb457/Ft5HK55rGRbkckt92I_qPfHYcqLu?imageMogr2/auto-orient/crop/!107x18a0a32"/>
            </div>
            <div class="resize"
                 style=" z-index: 5; width: 320px; height: 625px; left: 0px; top: -70px;background: #fff; -webkit-animation: 1s ease 1s 1 normal both fadeIn;">
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 566px; height: 565px; top: 174px; left: -111px; -webkit-animation: 1s ease 0s 1 normal both rollOutUp;">
                <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                     viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.4);"></ellipse>
      </svg>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -157px; left: 104px; -webkit-animation: 1s ease 0s 1 normal both rollOutLeft;">
                <div style="transform: rotateZ(240deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.53);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -160px; left: -252px; -webkit-animation: 1s ease 0s 1 normal both rollOutRight;">
                <div style="transform: rotateZ(120deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.3);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: -1; width: 335px; height: 637px; top: -74px; left: -8px; background: rgb(232, 116, 116);">
            </div>
        </div>


        <div class="m-page f-hide w-page">
            <div class="resize"
                 style="z-index: 15;width: 70px; height: 26px; top: 444px; left: 126px;background: #000; line-height: 2; -webkit-animation: fadeInUp 1.3s ease 3.4s 1 both; word-wrap: break-word; white-space: pre-wrap; min-height: inherit;text-align: center;">
                <a href="javascript:void(0);"
                   onClick="toNavigationWx(1,'22.27524185180664','113.57978057861328','扬名广场二期八楼香港富临皇宫','珠海市香洲区凤凰南路1066号');"
                   style=" font-size:3.7vw; color:#fff;  padding:6px 0px;"> 一键导航 </a></div>

            <div class="resize"
                 style=" z-index: 21; width: 320px; height: 28px; top: 416px; left: 0px; word-wrap: break-word; white-space: pre-wrap; text-align: center; line-height: 1.5; font-size: 3.75vw; background-color: rgba(255, 255, 255, 0); font-weight: normal; font-style: normal; color: rgba(0, 0, 0, 0.9); -webkit-animation: 2s ease 3.2s 1 normal both puffIn;">
                <a href="#" id="tt15" data-type="text" data-placement="top"
                   style="font-size: 100%;display:block; color: inherit;">· 我 们 的 婚 礼 最 美 的 时 光 ·</a><input type="text"
                                                                                                            id="ntt15"
                                                                                                            value="· 我 们 的 婚 礼 最 美 的 时 光 ·"
                                                                                                            name="tt[15]"/>
            </div>
            <div class="resize"
                 style=" z-index: 20; width: 172.5px; height: 172.5px; top: -29.25px; left: -33.25px; -webkit-animation: 2s ease 1.2s 1 normal both fadeInUp;">
                <img src="https://mb.wed6.com/static/mb457/o_1cf48c68212tj16qb5i0c7s1kst3d.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 19; width: 132px; height: 11px; top: 222.5px; left: 93.9474px; -webkit-animation: 2s ease 2.4s 1 normal both zoomIn;">
                <img src="https://mb.wed6.com/static/mb457/o_1cf4gfakgab91lb1b2f1lpp10cdn.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 18; width: 192px; height: 59px; top: 170.925px; left: 64.3879px; -webkit-animation: 2s ease 1.6s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/o_1d6fr7qdvgfd17ij1jdcb2d17p5e.png?imageMogr2/auto-orient/crop/!482x152a0a167"/>
            </div>
            <div class="resize"
                 style=" z-index: 17; width: 230px; height: 43px; top: 171.821px; left: 45.5px; -webkit-animation:2s ease 1.4s 1 normal both rollInUp, 3s ease 3.4s infinite normal forwards swing;">
                <img src="https://mb.wed6.com/static/mb457/o_1d86as2unthc1e29jar1pnl903g.png?imageMogr2/auto-orient/crop/!480x90a76a68"/>
            </div>

            <form action="https://hlj.xiwed.cn/api/v1//receipt.asp?id=37629&pc=ok" method="post" name="form" id="form">
                <input class="resize"
                       style="position: absolute;outline: none; display:inherit; text-indent: 1em; font-size: 4.3vw; border: 1px solid rgba(0, 0, 0, 0.9); z-index: 39; width: 195px; height: 35px; top: 251px; left: 63px;  -webkit-animation: 2s ease 2.2s 1 normal both zoomIn;  border-radius: 5px; background: rgb(252, 252, 252); color:#000;"
                       name="name" type="text" placeholder="请输入您的姓名">
                <input class="resize"
                       style=" position:absolute;outline: none; display:inherit; text-indent: 1em; font-size: 4.3vw; border: 1px solid rgba(0, 0, 0, 0.9);z-index: 30; width: 195px; height: 35px; top: 292.667px; left: 63px; -webkit-animation: 2s ease 2.4s 1 normal both zoomIn; border-radius: 5px; background: rgb(252, 252, 252); color:#000;"
                       name="number" type="text" placeholder="参加婚礼人数">
                <input class="resize"
                       style=" position:absolute;outline: none; display:inherit; text-indent: 1em; font-size: 4.3vw; border: 1px solid rgba(0, 0, 0, 0.9); z-index: 31; width: 195px; height: 35px; top: 334.333px; left: 63px;  -webkit-animation: 3s ease 2.6s 1 normal both zoomIn; border-radius: 5px; background: rgb(252, 252, 252); color:#000;"
                       name="zfy" type="text" placeholder="请输入您的祝福语">
                <input class="resize"
                       style=" position:absolute;outline: none; display:inherit;font-size: 4.3vw; border: 1px solid rgba(0, 0, 0, 0.9);z-index: 32; width: 195px; height: 35px; top: 376px; left: 63px;  -webkit-animation: 2s ease 3s 1 normal both zoomIn; border-radius: 5px; background:rgba(0, 0, 0, 0.9); color:#fff; text-align:center; font-weight:bold"
                       type="submit" name="Submit" id="Submit" value="提 交">
            </form>
            <div class="resize"
                 style="width: 320px; height: 80px; left: 0px; top: 135px; z-index: 25; text-align: center;-webkit-animation:2s ease 2s 1 normal both bounceInDown;">
                <button style="background:#f4f4f4;box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px; width: 14vw; height: 14vw;margin: 0 auto; font-size:3.8vw; color:#333; border-radius:40px;"
                        type="button" id="btn-replay" onClick="initflash()">重播
                </button>
            </div>

            <div class="resize"
                 style=" z-index: 12; width: 218px; height: 302px; top: 167.088px; left: 52px; background: rgba(255, 255, 255, 0.8); position: relative; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 7px; -webkit-animation: 1.5s ease 1.4s 1 normal both fadeInUp;">
            </div>
            <div id="pimg28" class="wedimg"
                 style="z-index: 11; width: 320px; height: 625px; left: 0px; top: -70px; -webkit-animation: 2s ease 0.8s 1 normal both fadeInUp;">
                <img class="wedpedImg" src="//hljp.xiwed.cn/tmp_975c9d8256551fb1e73b6e13dc90c69e.jpg"/>
            </div>
            <div class="resize"
                 style=" z-index: 10; width: 172.414px; height: 60px; top: 393px; left: 1.2931px; -webkit-animation: 2s ease 2s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/o_1cf4ballh17h91v5pittuu74tb5a.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 9; width: 148px; height: 148px; top: -46.5px; left: -36.5876px; -webkit-animation: 3s ease 0s infinite normal both flash;">
                <img src="https://mb.wed6.com/static/mb457/o_1cpqq5vdd198ln7kgjeioiri6k.png?imageMogr2/auto-orient/crop/!650x650a0a0"/>
            </div>
            <div class="resize"
                 style=" z-index: 8; width: 112px; height: 27.7113px; top: 443.25px; left: 151.744px; -webkit-animation: 1.5s ease 1.7s 1 normal both fadeInLeft;">
                <img src="https://mb.wed6.com/static/mb457/Fql1HxIIMOtTiamXua_q4KS3S1cg"/>
            </div>
            <div class="resize"
                 style=" z-index: 7; width: 93px; height: 15.6449px; top: 391.5px; left: 153px; -webkit-animation: 2s ease 2s 1 normal both zoomIn;">
                <img src="https://mb.wed6.com/static/mb457/Ft5HK55rGRbkckt92I_qPfHYcqLu?imageMogr2/auto-orient/crop/!107x18a0a32"/>
            </div>
            <div class="resize"
                 style=" z-index: 6; width: 230px; height: 23px; top: -126.828px; left: -300.89px; -webkit-animation: 2s ease 1s 1 normal both fadeInRight;">
                <img style="transform: rotateZ(90deg); "
                     src="https://mb.wed6.com/static/mb457/o_1cm371jjl17ts9pkrpp1tuf2bv9.png"/>
            </div>
            <div class="resize"
                 style=" z-index: 5; width: 320px; height: 625px; left: 0px; top: -70px;background: #fff; -webkit-animation: 1s ease 1s 1 normal both fadeIn;">
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 566px; height: 565px; top: 174px; left: -111px; -webkit-animation: 1s ease 0s 1 normal both rollOutUp;">
                <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                     viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                     xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.4);"></ellipse>
      </svg>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -157px; left: 104px; -webkit-animation: 1s ease 0s 1 normal both rollOutLeft;">
                <div style="transform: rotateZ(240deg); ">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.53);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: 1; width: 498px; height: 498px; top: -160px; left: -252px;-webkit-animation: 1s ease 0s 1 normal both rollOutRight;">
                <div style="transform: rotateZ(120deg);">
                    <svg enable-background="new 0 0 64 64" height="100%" preserveaspectratio="none" version="1.1"
                         viewbox="0 0 64 64" width="100%" x="0px" xml:space="preserve"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
      <ellipse cx="32" cy="32" fill="#08A1EF" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0.3);"></ellipse>
      </svg>
                </div>
            </div>
            <div class="resize"
                 style=" z-index: -1; width: 335px; height: 637px; top: -74px; left: -8px; background: rgb(232, 116, 116);">
            </div>


        </div>
        <script>
            var scaleW = window.innerWidth / 320
            var scaleH = (window.innerWidth * 1.51875) / 486
            var scaleT = (window.innerHeight - scaleH * 486) / 2
            var resizes = document.querySelectorAll('.resize')
            for (var j = 0; j < resizes.length; j++) {
                resizes[j].style.width = parseInt(resizes[j].style.width) * scaleW + 'px'
                resizes[j].style.height = parseInt(resizes[j].style.height) * scaleH + 'px'
                resizes[j].style.top = parseInt(resizes[j].style.top) * scaleH + scaleT + 'px'
                resizes[j].style.left = parseInt(resizes[j].style.left) * scaleW + 'px'
            }
        </script>

        <div id="dbdh">
            <input type="text" value="37629" name="id" style="display:none"/>
            <input type="submit" name="Submit" value="保存请柬">
        </div>
        </form>
    </div>

</section>
<script type="text/javascript" charset="utf-8" src="//mb.wed6.com/js/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="//mb.wed6.com/js/jquery.lazm.js"></script>
<script type="text/javascript" charset="utf-8" src="//mb.wed6.com/js/init.mix.js"></script>
<script type="text/javascript">
    //初始化贵宾为空
    var guest = '0'
    /*蒙版开关*/
    var ismengban = 'cmoren'
    //特效类型
    var texiao = 'meteor'
    /*倒计时*/
    var sstime = '13113127'
    /**微信分享js*/
    var desc = '击查看详情...'
    var title = '-案例'
    var url = location.href
    var imgurl = ''
    /*特效图片路径*/
    var tximgurl = ''

    $(document).ready(function () {

        /*初始化对象函数*/
        car2.init()
        /*微信分享函数*/
        car2.weixinfenxiang(desc, title, url, imgurl, '')
        /**相册控制初始化*/
        $('img.lazy').lazyload({
            effect: 'fadeIn',
            event: 'sporty'
        })
        qjpic.photo_init()
        /*倒计时*/
        car2.djs(sstime)
    })
    $(window).bind('load', function () {
        var timeout = setTimeout(function () {
            $('img.lazy').trigger('sporty')
        }, 2500)
    })

    var resizes = document.querySelectorAll('.wedimg')
    for (var j = 0; j < resizes.length; j++) {
        resizes[j].style.width = parseInt(resizes[j].style.width) * scaleW + 'px'
        resizes[j].style.height = parseInt(resizes[j].style.height) * scaleH + 'px'
        resizes[j].style.top = parseInt(resizes[j].style.top) * scaleH + scaleT + 'px'
        resizes[j].style.left = parseInt(resizes[j].style.left) * scaleW + 'px'
        $(resizes[j]).find('.wedControls').css('width', resizes[j].style.width)
        $(resizes[j]).find('.wedControls').css('height', resizes[j].style.height)
    }
</script>
<script type="text/javascript" charset="utf-8" src="//mb.wed6.com/js/main_sd.js"></script>
<script type="text/javascript" charset="utf-8" src="//mb.wed6.com/js/tx.js"></script>
<!-- 背景音乐开始 -->
<audio src="https://static.lifeipt.top/merry/good_time.mp3" autoplay
       id="audio_play" class="audio" loop></audio>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    var link = window.location.href.split('?', 1) + '?id=37629&pc=ok'
    var title = '梁伟康&陈安裕的婚礼邀请函'
    var img_url = 'https://hljp.xiwed.cn/tmp_ff2fe7b908f781e828d209f3d28fee55.jpg'
    var desc = ''
    wx.config({
        debug: false,
        appId: 'wx9fa006063b563efc',
        timestamp: '1613773272',
        nonceStr: 'cb0OKXMhUtbXEjgCd2',
        signature: '14fd16c8339732f9610336693059002a5fb03294',
        jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'onMenuShareQZone', 'onMenuShareQQ', 'wx.hideOptionMenu();']
    })
    wx.ready(function () {
        wx.onMenuShareTimeline({
            title: title,
            link: link,
            imgUrl: img_url,
            success: function () {
                //alert('分享成功');
            },
            cancel: function () {
                //alert('取消分享');
            }
        })
        wx.onMenuShareQQ({
            title: title,
            desc: desc,
            link: link,
            imgUrl: img_url,
            success: function () {
            },
            cancel: function () {
            }
        })

        wx.onMenuShareQZone({
            title: title,
            desc: desc,
            link: link,
            imgUrl: img_url,
            success: function () {
            },
            cancel: function () {
            }
        })
        wx.onMenuShareAppMessage({
            title: title,
            desc: desc,
            link: link,
            imgUrl: img_url,
            type: title,
            dataUrl: link,
            trigger: function (res) {
                //alert('发送给好友，请直接在小程序发送。');
            },
            success: function () {

            },
            cancel: function () {
            }
        })
    })

    function toNavigationWx(is_prev, xpoint, ypoint, hotel, hoteladd) {
        var url = 'https://3gimg.qq.com/lightmap/v1/marker/index.html?marker=coord:' + xpoint + ',' + ypoint + ';title:' + hotel + ';addr:' + hoteladd + '&key=LZIBZ-QRWAF-2WEJQ-JTFXM-H5MXE-NBBMN&referer=1qshow&ch=uri-api&ADTAG=uri-api.1qshow'
        window.location.href = url
    }
</script>
</body>
</html>
